<template>
    <div class="header-three">
        <div class="header-three-img">
            <img :src="header" alt="">
        </div>
    </div>
</template>

<script>
    export default {
        name: "HeaderThree",
        data(){
            return {
                header:"./static/img/colorful-1.png"
            }
        },
    }
</script>

<style lang="stylus" type="text/stylus" scoped>
    .header-three
        height : 4rem
        width :100%
        position:relative
        top:-1.4rem
        .header-three-img
            width :9.4rem
            margin :0 auto
            img
                height :5.3rem
                border-radius : .1rem
</style>